@charset "utf-8";
/* CSS Document */
/*
* @description: 网站首页样式
* @author: ishang_pan
* @update: ishang_pan (2017-10-11 10:50)
*/



/*首页 on*/
/*banner*/
.m-banner{position: relative;width: 100%;overflow: hidden;}
.m-banner .u-ban{position: absolute;top: 25%;width: 100%;z-index: 9;}
.m-banner h1{margin-bottom:50px;font-size: 44px;color: #004a9d;font-weight: bold;}
.m-banner p{margin-bottom: 50px;font-size: 22px;color: #004a9d;}
.m-banner a{display: inline-block;padding: 14px 42px;text-align: center;color: #fff;font-size: 18px;background: #004a9d;}
.m-banner .video video{width: 100%;}

.m-banner .swiper-slide{width:100%;}
.m-banner .swiper-slide img{width:100%;}

.swiper-pagination-white .swiper-pagination-bullet{width:30px;height:8px;background:#fff;border-radius:0;opacity:1;}
.swiper-pagination-white .swiper-pagination-bullet-active{background: #004a9d;}

@media (max-width: 1200px) {
    .m-banner .u-ban{left:0;text-align: center;}
    .m-banner .u-ban h1{margin-bottom:30px;font-size: 24px;}
    .m-banner .u-ban p{display: none;}
    .m-banner .u-ban a{margin: 0 auto;padding: 10px 35px;font-size: 16px;}
}
@media (max-width: 414px) {
    .m-banner .u-ban h1{margin-bottom:15px;font-size: 20px;}
    .m-banner .u-ban a{padding: 8px 25px;font-size: 14px;}
}


.m-public h2{font-size:36px;text-align: center;margin-bottom: 60px;color:#004a9d;}

/*产品特点*/
.m-cptd{padding: 120px 0;}
.m-cptd .owl-cptd{width: 100%;overflow: hidden;}
.m-cptd .hd{margin-bottom:40px;overflow: hidden;}
.m-cptd .hd ul{display: flex;justify-content: center;}
.m-cptd .hd li{float:left;margin:0 2px;width:136px;height: 50px;line-height: 50px;font-size: 16px; text-align: center;background: #f7f7f7;cursor: pointer;}
.m-cptd .hd li.on{color:#fff;background: #004a9d;}
.m-cptd .bd{position: relative;}
.m-cptd .owl-item{float: left;padding:40px 35px 35px;width: 25%;height:301px;border: 1px solid #ddd;text-align: center;}
.m-cptd .owl-item span{display: block;margin:0 auto;width: 78px;height: 78px;line-height:78px;font-size: 36px;color: #fff;border-radius: 50%;background: #004a9d;transition: .3s;}
.m-cptd .owl-item:hover span{transform: scale(1.1);}
.m-cptd .owl-item h3{margin:20px 0 25px;font-size: 24px;}
.m-cptd .owl-item p{color: #808080;line-height: 25px;}
.m-cptd .owl-nav{display:none;}
.m-cptd .owl-nav button{position:absolute;top: 50%;margin-top:-43px;display: block;width: 42px;height: 86px;color: #fff;border: none;}
.m-cptd .owl-nav button span{display: none;}
.m-cptd .owl-nav .owl-prev{left: 0;background: url(../images/prev.png) no-repeat;}
.m-cptd .owl-nav .owl-next{right: 0;background: url(../images/next.png) no-repeat;}
.m-cptd .owl-dots{display: none;}

/* 应用领域 */
.m-yyly{margin-bottom:80px;overflow: hidden;}
.owl-carousel .owl-item{float:left;}
.owl-carousel .owl-item div{display: flex;flex-wrap: wrap;justify-content: space-between;}
.owl-carousel a{display:block;float:left;margin:0 0 50px 0;width:31.33%;}
.owl-carousel h3{display: flex;align-items: center;margin-bottom:20px;font-size:24px;}
.owl-carousel h3 img{margin-right:15px;}
.owl-carousel p{color:#999;line-height:26px;}
.owl-carousel .owl-item img{width:auto;}
.owl-carousel .owl-nav{display:none;}
.owl-carousel .owl-dots{text-align:center;}
.owl-carousel .owl-dots button{margin:0 6px;width:10px;height:10px;background:#dbdbdb;border:none;border-radius:10px;}
.owl-carousel .owl-dots button.active{width:32px;background:#004a9d;}


/*产品展示*/
.m-cpzs{overflow: hidden;}
.m-cpzs .hd{float:left;width:50%;overflow: hidden;}
.m-cpzs .hd ul{overflow: hidden;}
.m-cpzs .hd li{float:left;padding-top:16%;width:33.33%;height:416px;font-size:22px;text-align: center;background: #f5f5f5;cursor: pointer;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.m-cpzs .hd li:nth-child(3),.m-cpzs .hd li:nth-child(6){border-right: none;}
.m-cpzs .hd li:nth-child(4),.m-cpzs .hd li:nth-child(6),.m-cpzs .hd li:nth-child(5){border-bottom: none;}
.m-cpzs .hd li span{display:block;margin-bottom:5px;font-size: 54px;color: #848484;}
.m-cpzs .hd li:hover span{transform: rotateY(360deg);transition: 1s;}
.m-cpzs .hd li.on span{color:#004a9d;}
.m-cpzs .bd{margin-left: 50%;position: relative;}
.m-cpzs .bd img{width: 100%;height:832px;}
.m-cpzs .cover{position: absolute;right: 0;top: 0;padding:20% 10% 0 6%;width: 60%;height:100%;background: url(../images/cover.png) repeat;}
.m-cpzs .cover h3{margin-bottom:32px;font-size: 24px;color: #fff;}
.m-cpzs .cover p{margin-bottom:32px;color: #ebebeb;line-height: 28px;text-align: justify;}
.m-cpzs .cover a{display: inline-block;padding:11px 41px;text-align: center;color: #fff;font-size: 16px;border: 1px solid #fff;position: relative;}
.m-cpzs .cover a:before{content:"";display: block;position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border: 1px solid #fff;transition: .1s;}
.m-cpzs .cover a:hover:before{top:3px;left:3px;bottom:3px;right:3px;}

@media (max-width: 1900px) {
    .m-cpzs .hd li{height: 21.85vw;}
	.m-cpzs .bd img{height:43.6vw;}
}
@media (max-width: 1200px) {
    .m-cpzs .hd li{padding: 5vw 0;}
}
@media (max-width: 992px) {
    .m-cpzs .hd{float: none;width: 100%;}
    .m-cpzs .hd li{width: 50%;height: auto;font-size: 16px;}
    .m-cpzs .hd li span{font-size: 36px;}
    .m-cpzs .bd{margin-left: 0;}
    .m-cpzs .hd li:nth-child(3){border-right: 1px solid #ddd;}
    .m-cpzs .hd li:nth-child(4){border-bottom: 1px solid #ddd;}
	.m-cpzs .bd img{height:auto;}
    .m-cpzs .cover h3{font-size: 18px;}
    .m-cpzs .cover p{display: none;}
    .m-cpzs .cover a{padding: 6px 20px;font-size: 14px;}
}
@media (max-width: 414px) {
	.m-cptd .owl-nav{display:block;}
}

/*新闻动态*/
.m-xwdt{padding: 120px 0;overflow: hidden;}
.m-xwdt .owl-xwdt{width: 100%;padding:5px;overflow: hidden;}
.m-xwdt .owl-item{float: left;padding: 30px 40px;transition: .3s;}
.m-xwdt .owl-item:hover{box-shadow: 0 0 8px 1px #ddd;}
.m-xwdt .owl-item h3{line-height:28px;font-size: 16px;}
.m-xwdt .owl-item span{display:block;margin: 15px 0;}
.m-xwdt .owl-item p{color: #b2b2b2;text-align: justify;line-height: 26px;}
.m-xwdt .owl-item a{display:block;margin-top:10px;color: #004a9d;transition: .3s;}
.m-xwdt .owl-item:hover a{margin-left: 10px;}
.m-xwdt .owl-item a i{position: relative;left: 5px;top: 3px;font-size: 21px;}
.m-xwdt .owl-nav{display: none;}
.m-xwdt .owl-dots{display: none;text-align: center;}
.m-xwdt .owl-dots button{margin:0 5px;width: 18px;height: 5px;border: none;background: #ddd;}
.m-xwdt .owl-dots .active{background: #004a9d;}

/*加入我们*/
.m-jrwm{padding: 60px 5% 40px;text-align: center;background: url(../images/join.jpg) center top no-repeat;}
.m-jrwm h3{margin-bottom:60px;font-size: 36px;color: #fff;}
.m-jrwm a{display: inline-block;padding: 8px 63px;color:#fff;text-align: center;font-size: 28px;opacity: .5;border: 1px solid #fff;position: relative;}
.m-jrwm a:before{content:"";display: block;position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border: 1px solid #fff;transition: .1s;}
.m-jrwm a:hover:before{top:3px;left:3px;bottom:3px;right:3px;}

@media (max-width: 767px) {
    .m-public h2{margin-bottom:30px;font-size: 22px;}
    .m-cptd,.m-xwdt,.m-yyly{padding: 40px 2%;}
    .m-jrwm h3 { margin-bottom: 30px; font-size: 22px; line-height: 32px; }
    .m-jrwm a { padding: 8px 63px; font-size: 20px; }
	.owl-carousel a{width:100%;}
}

/*首页 end*/














.filename { float: left; display: inline-block; outline: 0 none; height: 28px; width: 300px; margin: 0; padding: 8px 10px; overflow: hidden; cursor: default; text-overflow: ellipsis;  white-space: nowrap;  background: #fff;  border: 1px solid #c8dae8; }